@mixin left {
    float: left;
}

@for $i from 1 through 24 {
    .zvl-#{$i} {
        width: $i/24*100+%;
    }
    .zvl-offset-#{$i} {
        margin-left: $i/24*100+%;
    }
}

.zvl-layout {
    display: flex;
}

.space-around {
    justify-content: space-around;
}

.space-between {
    justify-content: space-between;
}

.center {
    justify-content: center;
}

.zvl-input {
    .box {
        padding-left: 15px;
        margin-top: 10px;
        .label {
            display: inline-block;
            width: 120px;
            position: relative;
        }
        .required {
            &:before {
                content: '*';
                position: absolute;
                left: -.7rem;
                color: #ed4014;
            }
        }
        .input {
            width: 285.5px;
        }
        .mouse {
            position: absolute;
            display: block!important;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.5
        }
    }
}

.zvl-detail {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 30px 50px;
    .status {
        color: #2A3542;
        font-weight: 700;
        font-size: 16px;
        margin: 20px 0 0;
    }
    .whiteBg {
        background: #fff;
    }
    .clearfix {
        margin-top: 5px;
        &:after {
            content: '';
            height: 0;
            visibility: hidden;
            clear: both;
            display: block;
        }
        .title,
        .content {
            display: block;
            float: left;
            line-height: 38px;
            height: 38px;
            text-align: center;
            font-weight: 400;
            font-size: 13px;
            color: #333333;
        }
        .title {
            background: rgba(243, 250, 254, 1);
            min-width: 159px;
            margin-right: 5px;
        }
        .content {
            background: rgba(252, 252, 253, 1);
            margin-left: 10px;
            .search {
                float: left;
                margin-right: 20px;
                cursor: pointer;
            }
            .img-box {
                width: 36px;
                height: 36px;
                float: left;
                margin-left: 10px;
                img {
                    width: 100%;
                    height: 100%;
                    cursor: pointer;
                }
            }
        }
    }
}